<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<title>设置</title>
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="../css/shezhi.css">
	<script type="text/javascript" src="../js/rem2.js"></script>
</head>
<body>
	<div class="wrap">
		<!-- 头部 -->
		<div class="header">
			<label class="header_left"><img src="../img/w_nav_back.png"></label>
			<div class="header_title">设置</div>
		</div>
		<!-- 头部 -->
		<div class="content">
			<div class="item">
				<span class="name">清除本地缓存</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
				<span class="target">3.62M</span>
			</div>
			<div class="item">
				<span class="name">客服电话</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
				<span class="target">(440-777-1357)</span>
			</div>
			<div class="item">
				<span class="name">服务协议</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
				<span class="target">优呗商城服务协议</span>
			</div>
			<div class="item">
				<span class="name">版本信息</span>
				<i class="iconfont icon-ic_chevron_right_px"></i>
				<span class="target">V4.43</span>
			</div>
		</div>
		<div class="btn">退出登录</div>
		<div class="huancun">
			<div class="hc_content">
				<p>确定要清楚本地缓存吗?</p>
				<span class="hc_left">取消</span>
				<span class="hc_right">确定</span>
			</div>
		</div>
		<div class="kefu">
			<div class="kf_content">
				<p>确定要拨打客服电话吗?</p>
				<p>440-777-1357</p>
				<span class="kf_left">取消</span>
				<span class="kf_right">确定</span>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	var icon = document.querySelectorAll(".icon-ic_chevron_right_px");
	var target = document.querySelectorAll(".target");
	var hc_left = document.querySelector(".hc_left");
	var hc_right = document.querySelector(".hc_right");
	var kf_left = document.querySelector(".kf_left");
	var kf_right = document.querySelector(".kf_right");
	var huancun = document.querySelector(".huancun");
	var kefu = document.querySelector(".kefu");
	icon[0].addEventListener("click",function(){
		huancun.style.display="block";
	});
	icon[1].addEventListener("click",function(){
		kefu.style.display="block";
	});
	icon[2].addEventListener("click",function(){
		location.href="xieyi.html"
	});
	icon[3].addEventListener("click",function(){
		location.href="banben.html"
	});
	hc_left.addEventListener("click",function(){
		huancun.style.display="none";
	})
	hc_right.addEventListener("click",function(){
		huancun.style.display="none";
		target[0].innerText="0M";
	})
	kf_left.addEventListener("click",function(){
		kefu.style.display="none";
	})
	kf_right.addEventListener("click",function(){
		kefu.style.display="none";
	})
</script>
</html>